<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>关于我们</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/about.css">
</head>

<body>
    <div class="home">

        <div class="header header_page">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo.png" alt="">
                        <img src="./images/logo2.png" alt="">
                    </a>
                    <div class="links">
                        <div class="item">
                            <a href="./index.html" class="a1">
                                <p>首页</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./solution.html" class="a1">
                                <p>行业解决方案</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">行业解决方案</p>
                                    <p class="en animated fadeInUp">solution</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>半导体</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>生物制药</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>能源</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>化工</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./products.html" class="a1">
                                <p>产品与服务</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">产品与服务</p>
                                    <p class="en animated fadeInUp" id="text_en">product</p>
                                </div>
                                <div class="rc">
                                    <div class="list pro_menu">
                                        <a  class="active_menu animated fadeInUp">
                                            <p>产品中心</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#386EB5" />
                                            <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                        </svg>
                                        </a>
                                        <a   class="animated fadeInUp">
                                            <p>服务与售后</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#386EB5" />
                                            <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                        </svg>
                                        </a>
                                    </div>
                                    <div class="list second_menu">
                                        <div class="on">
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮转台</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮泵</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>能源</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>化工</p>
                                            </a>
                                        </div>
                                        <div>
                                            <a href="./cpxx.html" class="animated fadeInUp">
                                                <p>产品选型</p>
                                            </a>
                                            <a href="./customization.html" class="animated fadeInUp">
                                                <p>产品定制</p>
                                            </a>
                                            <a href="./fwsh.html" class="animated fadeInUp">
                                                <p>服务与售后</p>
                                            </a>
                                            <a href="./downloads.html" class="animated fadeInUp">
                                                <p>下载中心</p>
                                            </a>
                                            <a href="./faq.html" class="animated fadeInUp">
                                                <p>F&Q</p>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./tech.html" class="a1">
                                <p>技术与创新</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./news.html" class="a1">
                                <p>新闻资讯</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./about.html" class="a1 active">
                                <p>关于我们</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">关于我们</p>
                                    <p class="en animated fadeInUp">about us</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./about.html" class="animated fadeInUp">
                                            <p>关于我们</p>
                                        </a>
                                        <a href="./recruitment.html" class="animated fadeInUp">
                                            <p>招贤纳士</p>
                                        </a>
                                        <a href="./contact.html" class="animated fadeInUp">
                                            <p>联系我们</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="search">
                        <a href="./search.html">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M10.5 19C15.1944 19 19 15.1944 19 10.5C19 5.8056 15.1944 2 10.5 2C5.8056 2 2 5.8056 2 10.5C2 15.1944 5.8056 19 10.5 19Z"
                                    stroke="white" stroke-width="1.5" />
                                <path
                                    d="M13.3287 7.17155C12.6049 6.4477 11.6049 6 10.5003 6C9.39572 6 8.39573 6.4477 7.67188 7.17155"
                                    stroke="white" stroke-width="1.5" stroke-linecap="square" />
                                <path d="M17 17L20.854 20.8535" stroke="white" stroke-width="2"
                                    stroke-linecap="square" />
                            </svg>
                        </a>
                        <input type="text" placeholder="输入您想查询的信息" id="search">
                    </div>
                    <div class="lan">
                        <a href="">CN</a>
                        <a href="">EN</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="lan">
                <a href="">CN</a>
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">行业解决方案</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./solution.html">半导体</a>
                    <a href="./solution.html">生物制药</a>
                    <a href="./solution.html">能源</a>
                    <a href="./solution.html">化工</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品与服务</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./cpxx.html">产品选型</a>
                    <a href="./customization.html">产品定制</a>
                    <a href="./fwsh.html">服务与售后</a>
                    <a href="./downloads.html">下载中心</a>
                    <a href="./faq.html">F&Q</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./tech.html">技术与创新</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻资讯</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./recruitment.html">招贤纳士</a>
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
        </div>


        <div class="cursor">
            <div class="section3_hover">
                <!-- DRAG
                <img src="./images/zz.png" class="zz" alt="">
                <img src="./images/yy.png" class="yy" alt=""> -->
            </div>
        </div>

        <div class="main">

            <div class="section1">
                <img src="./images/about.png" class="img" alt="">
                <div class="text">磁悬浮技术，让世界更洁净、更美好</div>
            </div>

            <div class="section2">
                <div class="wrap">
                    <div class="title">
                        <h1>
                            苏磁科技是一家苏州苏磁智能科技<br>有限公司
                        </h1>
                        <p>
                            Supermag®拥有先进的磁悬浮无轴承电机技术和产品,为半导体、生物制药、化工、能源等领域提供高洁净、低剪切的磁悬浮电机、磁悬浮流体输送和搅拌解决方案。
                        </p>
                    </div>
                    <div class="content">
                        <div class="item">
                            <img src="./images/1.gif" alt="" class="circle">
                            <div class="text">
                                <p>研发人员</p>
                                <div class="dis">
                                    <span class="count-item" data-to="50">50</span>
                                    <div class="p1">+</div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/1.gif" alt="" class="circle">
                            <div class="text">
                                <p>技术积累</p>
                                <div class="dis">
                                    <span class="count-item" data-to="20">20</span>
                                    <div class="p2">年</div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/2.gif" alt="" class="circle">
                            <div class="text">
                                <p>专利申请</p>
                                <div class="dis">
                                    <span class="count-item" data-to="105">105</span>
                                    <div class="p2">项</div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/3.gif" alt="" class="circle">
                            <div class="text">
                                <p>生产办公场址</p>
                                <div class="dis">
                                    <span class="count-item" data-to="2">2</span>
                                    <div class="p2">大</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section3">
                <img src="./images/bg3.png" class="bg" alt="">
                <div class="wrap">
                    <div class="title">专注，打磨精益求精的产品</div>
                    <div class="content">
                        <div class="lastSwiper swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="center">
                                            <img src="./images/cir.png" alt="" class="circle">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="2" height="102" viewBox="0 0 2 102" fill="none">
                                                <path d="M1 0.999999L1 101" stroke="url(#paint0_linear_2348_3376)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                <defs>
                                                    <linearGradient id="paint0_linear_2348_3376" x1="0.5" y1="101" x2="0.500004" y2="1" gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="white" stop-opacity="0"/>
                                                        <stop offset="1" stop-color="white"/>
                                                    </linearGradient>
                                                </defs>
                                            </svg>
                                            <div class="position">
                                                <div class="img">
                                                    <img src="./images/s1.png" alt="">
                                                </div>
                                                <div class="line"></div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h1>2014/05</h1>
                                            <p>
                                                专注磁悬浮技术 开拓<br>
                                                广阔市场专注磁悬浮技<br>
                                                术 开拓广阔市场
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">

                                        <div class="center">
                                            <img src="./images/cir.png" alt="" class="circle">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="2" height="102" viewBox="0 0 2 102" fill="none">
                                                <path d="M1 0.999999L1 101" stroke="url(#paint0_linear_2348_3376)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                <defs>
                                                    <linearGradient id="paint0_linear_2348_3376" x1="0.5" y1="101" x2="0.500004" y2="1" gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="white" stop-opacity="0"/>
                                                        <stop offset="1" stop-color="white"/>
                                                    </linearGradient>
                                                </defs>
                                            </svg>


                                            <div class="position">
                                                <div class="img">
                                                    <img src="./images/s1.png" alt="">
                                                </div>
                                                <div class="line"></div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h1>2015/05</h1>
                                            <p>
                                                核心团队成员拥有美国、德国、日<br>
                                                本等优秀从业背景
                                            </p>
                                        </div>


                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="center">
                                            <img src="./images/cir.png" alt="" class="circle">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="2" height="102" viewBox="0 0 2 102" fill="none">
                                                <path d="M1 0.999999L1 101" stroke="url(#paint0_linear_2348_3376)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                <defs>
                                                    <linearGradient id="paint0_linear_2348_3376" x1="0.5" y1="101" x2="0.500004" y2="1" gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="white" stop-opacity="0"/>
                                                        <stop offset="1" stop-color="white"/>
                                                    </linearGradient>
                                                </defs>
                                            </svg>
                                            <div class="position">
                                                <div class="img">
                                                    <img src="./images/s1.png" alt="">
                                                </div>
                                                <div class="line"></div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h1>2014/05</h1>
                                            <p>
                                                专注磁悬浮技术 开拓广阔<br>
                                                市场专注磁悬浮技术 开拓<br>
                                                广阔市场
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="center">
                                            <img src="./images/cir.png" alt="" class="circle">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="2" height="102" viewBox="0 0 2 102" fill="none">
                                                <path d="M1 0.999999L1 101" stroke="url(#paint0_linear_2348_3376)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                <defs>
                                                    <linearGradient id="paint0_linear_2348_3376" x1="0.5" y1="101" x2="0.500004" y2="1" gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="white" stop-opacity="0"/>
                                                        <stop offset="1" stop-color="white"/>
                                                    </linearGradient>
                                                </defs>
                                            </svg>
                                            <div class="position">
                                                <div class="img">
                                                    <img src="./images/s1.png" alt="">
                                                </div>
                                                <div class="line"></div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h1>2015/05</h1>
                                            <p>
                                                核心团队成员拥有美国、德国、日<br>
                                                本等优秀从业背景
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="center">
                                            <img src="./images/cir.png" alt="" class="circle">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="2" height="102" viewBox="0 0 2 102" fill="none">
                                                <path d="M1 0.999999L1 101" stroke="url(#paint0_linear_2348_3376)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                <defs>
                                                    <linearGradient id="paint0_linear_2348_3376" x1="0.5" y1="101" x2="0.500004" y2="1" gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="white" stop-opacity="0"/>
                                                        <stop offset="1" stop-color="white"/>
                                                    </linearGradient>
                                                </defs>
                                            </svg>
                                            <div class="position">
                                                <div class="img">
                                                    <img src="./images/s1.png" alt="">
                                                </div>
                                                <div class="line"></div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h1>2014/05</h1>
                                            <p>
                                                专注磁悬浮技术 开拓广阔<br>
                                                市场专注磁悬浮技术 开拓<br>
                                                广阔市场
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="item">
                                        <div class="center">
                                            <img src="./images/cir.png" alt="" class="circle">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="2" height="102" viewBox="0 0 2 102" fill="none">
                                                <path d="M1 0.999999L1 101" stroke="url(#paint0_linear_2348_3376)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                <defs>
                                                    <linearGradient id="paint0_linear_2348_3376" x1="0.5" y1="101" x2="0.500004" y2="1" gradientUnits="userSpaceOnUse">
                                                        <stop stop-color="white" stop-opacity="0"/>
                                                        <stop offset="1" stop-color="white"/>
                                                    </linearGradient>
                                                </defs>
                                            </svg>
                                            <div class="position">
                                                <div class="img">
                                                    <img src="./images/s1.png" alt="">
                                                </div>
                                                <div class="line"></div>
                                            </div>
                                        </div>
                                        <div class="text">
                                            <h1>2015/05</h1>
                                            <p>
                                                核心团队成员拥有美国、德国、日<br>
                                                本等优秀从业背景
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section4">
                <img src="./images/bg.png" class="bg" alt="">
                <div class="wrap">
                    <div class="title">用专业能力，为您提高竞争优势</div>
                    <div class="content">
                        <div class="button">
                            <img src="./images/jt1.png" alt="">
                            <img src="./images/jt2.png" alt="">
                        </div>
                        <div class="swiper1 swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="./images/img3.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>







        <div class="foot">
            <div class="dom">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="icons">
                    <a>
                        <img src="./images/f1.png" alt="">
                        <div class="code">
                            <img src="./images/code.png" alt="">
                         </div>
                    </a>
                    <a href="">
                        <img src="./images/f2.png" alt="">
                    </a>
                    <a href="">
                        <img src="./images/f3.png" alt="">
                    </a>
                </div>
                <div class="copyright">
                    Copyright © 苏州苏磁智能科技-超级磁悬浮 All Rights Reserved. <a href="https://beian.miit.gov.cn/"
                        target="_blank">苏ICP备05001864号-1</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();

        $('.home .main .section3').hover(function () {
            $('.section3_hover').addClass('on')
        },function () {
            $('.section3_hover').removeClass('on')
        })

        var w = document.documentElement.clientWidth

        new Swiper('.lastSwiper', {
            speed: 1000,
            spaceBetween: 80,
            slidesPerView: 6,
            loop: true,
            autoplay: {
                delay: 4000,
                disableOnInteraction: false,
            },
            breakpoints: {
                100:{
                    spaceBetween: 30,
                    slidesPerView: 1,
                },
                1024: {
                    spaceBetween: 80,
                    slidesPerView: 6,
                }, // 大于等于 1024
            },
            on: {
                touchMove: function (swiper, e) {
                    var swiper_x = swiper.clientX
                    var swiper_y = swiper.clientY
                    var mouseFollower = document.querySelector('.cursor');
                    mouseFollower.style.left = swiper_x + 'px';
                    mouseFollower.style.top = swiper_y + 'px';
                },
            },
        })

        function swiperCut() {
            $('.swiper1 .swiper-slide img').css('opacity','0')
            $('.swiper1 .swiper-slide-active img').css('opacity','1')
            $('.swiper1 .swiper-slide-active').next().find('img').css('opacity','1')
            $('.swiper1 .swiper-slide-active').next().next().find('img').css('opacity','1')
            $('.swiper1 .swiper-slide-active').prev().prev().find('img').css('opacity','1')
            $('.swiper1 .swiper-slide-active').prev().find('img').css('opacity','1')
        }

        if (w > 1024) {
            new Swiper('.swiper1', {
                speed: 1000,
                initialSlide: 3,
                centeredSlides: true,
                slidesPerView: 3,
                effect: 'coverflow',
                slideToClickedSlide: true,
                coverflowEffect: {
                    rotate: 0,
                    stretch: 40,
                    depth: 120,
                    modifier: 2,
                    slideShadows: false,
                },
                parallax: true,
                loop: true,
                navigation: {
                    nextEl: '.section4 .wrap .content .button img:last-child',
                    prevEl: '.section4 .wrap .content .button img:first-child',
                },
                autoplay: {
                    delay: 4000,
                    disableOnInteraction: false,
                },
                on: {
                    init() {
                        swiperCut()
                    },
                    slideNextTransitionStart() {
                        swiperCut()
                    },
                    slidePrevTransitionStart() {
                        swiperCut()
                    }
                }
            })
        }else {
            new Swiper('.swiper1', {
                speed: 1000,
                slidesPerView: 1,
                loop: true,
                spaceBetween: 20,
                navigation: {
                    nextEl: '.section4 .wrap .content .button img:last-child',
                    prevEl: '.section4 .wrap .content .button img:first-child',
                },
                autoplay: {
                    delay: 4000,
                    disableOnInteraction: false,
                },
            })
        }


        const countItems = document.querySelectorAll('.count-item');
        function onIntersection(entries, observer) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const e = entry.target;
                    animateCount(e);
                    // observer.unobserve(e);
                }
            });
        }
        const observer = new IntersectionObserver(onIntersection);
        countItems.forEach(item => observer.observe(item));
        function animateCount(e) {
            var demo = { score: 0 },
                scoreDisplay = e,
                to = e.getAttribute('data-to'),
                speed = e.getAttribute('data-speed') * 1,
                separator = e.getAttribute('data-separator'),
                to_fixed = e.getAttribute('data-fixed');

            if (to !== null) {
                if (to.indexOf('.') !== -1) {
                    var automatic = (to.length -1)-to.indexOf('.')
                }
            }
            if (speed === 0) {
                speed = 1;
            }
            TweenLite.to(demo, speed, {
                score: to,
                onUpdate: showScore
            });
            function showScore() {
                if (separator !== null) {
                    scoreDisplay.innerHTML = formatNumberWithCommasAndDecimal(demo.score, to_fixed, separator);
                }else if (to_fixed !== null) {
                    scoreDisplay.innerHTML = demo.score.toFixed(automatic);
                }else {
                    scoreDisplay.innerHTML = demo.score.toFixed(0);
                }
            }
        }
        function formatNumberWithCommasAndDecimal(number, decimalPlaces,separator) {
            var formattedNumber = number.toFixed(decimalPlaces);
            formattedNumber = formattedNumber.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
            return formattedNumber;
        }


        document.addEventListener('mousemove', function(event) {
            var mouseFollower = document.querySelector('.cursor');
            mouseFollower.style.left = event.clientX + 'px';
            mouseFollower.style.top = event.clientY + 'px';
        });
        //
        // !function () {
        //     let d = document.querySelector(".cursor"),
        //         speed = document.querySelector('.cursor').getAttribute('data-speed')
        //     if (speed === null) {
        //         speed = 0.9
        //     }else {
        //         speed = speed / 10
        //     }
        //     function S() {
        //         d && function (e) {
        //             gsap.set(e, {
        //                 xPercent: -50,
        //                 yPercent: -50
        //             });
        //             let t = e,
        //                 r = {
        //                     x: window.innerWidth / 2,
        //                     y: window.innerHeight / 2
        //                 },
        //                 o = {
        //                     x: r.x,
        //                     y: r.y
        //                 },
        //                 a = gsap.quickSetter(t, "x", "px"),
        //                 n = gsap.quickSetter(t, "y", "px");
        //             document.body.addEventListener("mousemove", e => {
        //                 o.x = e.x, o.y = e.y
        //             }), gsap.ticker.add(() => {
        //                 const e = 1 - Math.pow(speed, gsap.ticker.deltaRatio());
        //                 r.x += (o.x - r.x) * e, r.y += (o.y - r.y) * e, a(r.x), n(r.y)
        //             })
        //         }(d)
        //     }
        //     window.addEventListener("DOMContentLoaded", () => {
        //         S();
        //     })
        // }();
    </script>
</body>

</html>